<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{$cateName}-{$siteInfo.title}</title>
    <meta name="keywords" content="{$siteInfo.keyword}">
    <meta name="description" content="{$siteInfo.description}">
    <meta name="author" content="天年网络" />
    <link rel="stylesheet" href="https://unpkg.com/element-ui@2.12.0/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="/themes/default/static/css/common.css" />
    <link rel="stylesheet" href="/themes/default/static/css/detail.css" />
</head>
<style>

</style>
<body>
<div id="app">
    {include file="common/header" /}
    <div class="cate-top">
        <span class="cate-name-top">{$cateName}</span>
    </div>
    <div class="with1200 common-container">
        <div class="common-left">
            {volist name="list" id="vo"}
            <div class="article-item">
                <img src="{$vo.cover_image|default='/uploads/default/default_cover.jpg'}" />
                <div class="article-item-right">
                    <h4><a href="/home/post/detail?id={$vo.id}">{$vo.title}</a></h4>
                    <span>{$vo.content|strip_tags|mb_substr=0,50}</span>
                </div>
            </div>
            <div class="hr"></div>
            {/volist}
        </div>
        {include file="common/right" /}
    </div>
</div>
<!--页脚-->
{include file="common/footer" /}
</body>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui@2.12.0/lib/index.js"></script>
<script>
    new Vue({
        el: '#app'
    })
</script>
</html>